/**
 * @file
 * @auth jinguangguo
 * @date 2016/12/23
 */

.module-account-myorder {

    .m-tab-sub {
        ul.list {
            li.item {
                margin-bottom: 8px;
                cursor: pointer;
                .item-link {
                    box-sizing: border-box;
                    width: 128px;
                }
                span.tab-text {
                    padding: 0;
                    line-height: 24px;
                    vertical-align: middle;

                    .icon {
                        float: left;
                        width: 24px;
                        height: 24px;
                        background-image: url('../../../img/bch@2x.png');
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: contain;
                    }
                    .text {
                        float: left;
                        height: 24px;
                    }
                    @each $coin in btc, eth, ltc, act, smc, let, omg, eos, btm, tv, usc,
                            bcd,bch,bchc,bta,btd,btg,lbtc,sbtc,abtc,btcking,btp,yoyow,trx,ipt,cbtc,bcx,ssc,emo,etf,etg,bth,sltc,lts ,aac,kcash,btf ,lch,smcf1,vca,hmc,
                            gto, wtc, storj, salt, topc, appc {
                        .coin-#{$coin} {
                            //position: absolute;
                            //margin-top: 12px;
                            background-image: url('../../../img/#{$coin}@2x.png');
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: contain;
                        }
                    }
                }
            }
        } 
    }

    .ui-account-box {
        margin-bottom: 40px;
        &:last-child {
            margin-bottom: 0;
        }

        .m-info{
            > .tr .td-operation{
                display: flex;
                justify-content: space-between;
                flex: 0 0 112px;
            }
            .reset-hide{
                visibility: hidden;
                transition: none;
            }
            .td-operation-switch{
                %beforecommon{
                    content: '';
                    position: absolute;
                    top: 1px;
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    transition: left .2s;
                }
                >.switch-icon{
                    position: relative;
                    display: inline-block;
                    box-sizing: border-box;
                    width: 26px;
                    height: 16px;
                    border: 1px solid #999;
                    border-radius: 8px;
                    vertical-align: sub;
                    background-color: transparent;
                    cursor: pointer;
                    &:before{
                        @extend %beforecommon;
                        left: 1px;
                        background: #999;
                    }
                    &.active{
                        border: 1px solid #5091bb;
                        background-color: #5091bb;
                        &:before{
                            @extend %beforecommon;
                            left: 11px;
                            background: #fff;
                        }
                    }
                }
                >.switch-status{
                    margin-left: 2px;
                    font-size: 10px;
                }
            }
        }

        .m-table {
            span.info {
                color: #ff6000;
            }
        }
        
    }

    .basic-info-box {
        display: flex;
        >.box-left{
            flex: 2;
            padding-left: 16px;
            >.tr{
                display: flex;
                height: 36px;
                line-height: 36px;
                >.td{
                    &:first-child{
                        flex: 0 0 120px;
                    }
                }
            }

        }
        >.box-right{
            padding: 4px 16px;
            background-color: #fafafa;
            width: 600px;
            >.tr{
                display: flex;
                justify-content:space-between;
                //height: 48px;
                line-height: 48px;
            }
        }
    }
}

.module-xibanya{
    .module-account-basic .m-info > .tr .td-operation{
        flex: none;
        width: auto;
        &-switch{
            margin-left: 8px;
        }
    }
    .modal-content .m-form-dialog {
        .col-label{
            width: 150px;
        }

        &--google{
            .col-label{
                width: 180px;
            }
        }
    }
    .m-info > .tr .td-title{
        flex: 0 0 180px;
    }
    .m-form-dialog{
        .col-input{
            width: 276px;
        }
        .input--small{
            width: 156px;
        }
    }
}


.module-english{
    .modal-content .m-form-dialog {
        &--google{
            .col-label{
                width: 160px;
            }
        }
    }
}
